<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>合作伙伴</title>
	</head>
	<body background="img/stars-1869692_1280.webp">
		<style>
			body{
				background-attachment: fixed;
				background-size: 100%;
				background-repeat: no-repeat;
			}
			*{
				margin: 0;
				padding: 0;
			}

			.tou{
				height:60px;
				background-color: lightblue;
			}
            nav {
            	width: 800px;
    height: 60px;
    background-color: lightblue;
}

nav p {
    font-family: arial;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 55px;
    padding: 0 20px;
    float: left;
}

nav ul {
    float: left;
}

nav ul li {
    float: left;
    list-style: none;
    position: relative;
}
nav ul li a:hover{
	color: red;
	border-bottom: solid deepskyblue 5px;
}
nav ul li a:checked{
	color: black;
}

nav ul li a {
    display: block;
    font-family: arial;
    font-size: 18px;
    padding: 15px 15px;
    text-decoration: none;
    color: black;
}

nav ul li ul {
    display: none;
    position: absolute;
    background-color: lightcyan;
    padding: 10px;
    border-radius: 0px 0px 4px 4px;
}

nav ul li:hover ul {
    display: block;
}

nav ul li ul li {
    width: 160px;
    border-radius: 4px;
}

nav ul li ul li a {
    padding: 8px 10px;
}

nav ul li ul li a:hover {
    background-color: lightcyan;
    border-bottom:solid 2px skyblue;
}



		
.biaoti{
	text-align: center;
	margin-top: 100px;
}
h1{
	font-size: 50px;
	color: #00BFFF;
	text-shadow: 1px 1px black;
	
}
h2{
	font-size: 40px;
	color: white;
}
.a2 a{
	text-decoration: none;
	font-size: 30px;
	color: red;
	line-height: 50px;
}
.a2 a:hover{
	color: yellow;
}
.a1{
	margin-top:150px ;
	text-align: center;
}
.a2{
	background-color: pink;
	height: 590px;
	width:1200px;
	margin: 0 auto;
	background-image:url("img/屏幕截图 2020-12-27 094325.jpg") ;
	background-repeat: no-repeat;
	background-size: 100%;
}
.a2-1{
	background-color: rgba(0,0,280,0.1);
	margin: 0 auto;
	height: 50px;
	width: 200px;
	text-align: center;
	border-radius:40% ;
}


.b2 a{
	text-decoration: none;
	font-size: 30px;
	color: red;
	line-height: 50px;
}
.b2 a:hover{
	color: yellow;
}
.b1{
	margin-top:150px ;
	text-align: center;
}
.b2{
	background-color: pink;
	height: 590px;
	width:1200px;
	margin: 0 auto;
	background-image:url("img/6514868dafa1b6893fa8418c02c86b67.jpg") ;
	background-repeat: no-repeat;
	background-size: 100%;
}
.b2-1{
	background-color: rgba(0,0,280,0.1);
	margin: 0 auto;
	height: 50px;
	width: 200px;
	text-align: center;
	border-radius:40% ;
}


.c2 a{
	text-decoration: none;
	font-size: 30px;
	color: red;
	line-height: 50px;
}
.c2 a:hover{
	color: yellow;
}
.c1{
	margin-top:150px ;
	text-align: center;
}
.c2{
	background-color: pink;
	height: 590px;
	width:1200px;
	margin: 0 auto;
	background-image:url("img/playerunknown_s_battlegrounds-003.jpg") ;
	background-repeat: no-repeat;
	background-size: 100%;
}
.c2-1{
	background-color: rgba(0,0,280,0.1);
	margin: 0 auto;
	height: 50px;
	width: 200px;
	text-align: center;
	border-radius:40% ;
}
</style>

		<div class="tou">
		<nav>
        <p class="navp">WEBSITES</p>
         <ul>
            <li><a href="http://leslie123456.gitee.io/big-assignment">首页</a></li>
            <li><a href="http://leslie123456.gitee.io/website">公司网站</a></li>
            <li><a href="http://leslie123456.gitee.io/product-website">商品网站</a></li>
            <li><a>相关</a>
                <ul>
                    <li><a href="http://leslie123456.gitee.io/business-plan">创业计划书</a></li>
                    <li><a href="http://leslie123456.gitee.io/cooperative-partner">合作伙伴</a></li>
                </ul>
            </li>            
        </ul>       	
        </nav>
        </div>
        
        
        <div class="biaoti">
        	<h1>合作伙伴</h1>
        </div>
        
        
        
        <div class="a1">
        	<h2>Counter-Strike Global Offensive</h2>
        </div>
        <div class="a2">
        	<div class="a2-1">
        		<a href="https://www.csgo.com.cn/index.html" target="_blank" >进入官网</a>
        	</div>
        </div>
        
        
        <div class="b1">
        	<h2>League Of Legends</h2>
        </div>
        <div class="b2">
        	<div class="b2-1">
        		<a href="https://lol.qq.com/main.shtml" target="_blank">进入官网</a>
        	</div>
        </div>
        
        <div class="c1">
        	<h2>PLAYERUNKNOWN’S BATTLEGROUNDS</h2>
        </div>
        <div class="c2">
        	<div class="c2-1">
        		<a href="https://pubg.qq.com/" target="_blank">进入官网</a>
        	</div>
        </div>        
        
        
	</body>
</html>
